
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0 none;
}
address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}
ol, ul {
    list-style: none outside none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after {
    content: "";
}
abbr, acronym {
    border: 0 none;
}
html {
    overflow-x: hidden;
    overflow-y: scroll;
}
body {
    background: none repeat scroll 0 0 #EEEEEE;
    color: #333333;
    font-family: Arial,sans-serif;
    font-size: 12px;
    line-height: 16px;
}
a {
    color: #333333;
    text-decoration: underline;
}
form.classic {
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0 0 15px #AAAAAA;
    -moz-box-shadow: 0 0 15px #AAAAAA;
    box-shadow: 0 0 15px #AAAAAA;
    background: -moz-linear-gradient(90deg, #CCCCCC, #FFFFFF) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
    border: 1px solid #AAAAAA;
    margin: 30px auto;
    padding: 20px;
    text-shadow: 0 1px 0 #FFFFFF;
}
form h1 {
    border-bottom: 1px solid #CCCCCC;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
form p {
    margin-bottom: 20px;
}
form p:last-child {
    margin-bottom: 0;
}
label {
    cursor: pointer;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 5px;
    width: 128px;
}
form p:hover label {
    color: #0459B7;
}
form p:hover label:after {
    content: " :.";
}
input[type="text"], input[type="password"], textarea {
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0 0 3px #AAAAAA;
    -webkit-box-shadow: 0 0 3px #AAAAAA;
    box-shadow: 0 0 3px #AAAAAA;
    background: -moz-linear-gradient(90deg, #FFFFFF, #EEEEEE) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); /* for webkit browsers */
    border: 1px solid #AAAAAA;
    padding: 5px;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    -moz-box-shadow: 0 0 3px #0459B7;
    -webkit-box-shadow: 0 0 3px #0459B7;
    box-shadow: 0 0 3px #0459B7;
    border-color: #093C75;
    outline: medium none;
}


select{
	padding: 3px;
}
/*
select {
    -moz-box-shadow: 0 0 3px #AAAAAA;
    cursor: pointer;
    padding: 3px;
}
select:active, select:focus {
    -moz-box-shadow: 0 0 3px #0459B7;
    border: 1px solid #093C75;
    outline: medium none;
}
*/
input[type="submit"], a.submit {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 0 #FFFFFF;
    background: -moz-linear-gradient(90deg, #0459B7, #08ADFF) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#08ADFF), to(#0459B7));
    border: 1px solid #093C75;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-left: 120px;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 0 1px 1px #333333;
    text-transform: uppercase;
}
input[type="submit"]:hover, a.submit:hover {
    background: -moz-linear-gradient(90deg, #067CD3, #0BCDFF) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#0BCDFF), to(#067CD3));
    border-color: #093C75;
    text-decoration: none;
}
input[type="submit"]:active, input[type="submit"]:focus, a.submit:active, a.submit:focus {
    background: -moz-linear-gradient(90deg, #0BCDFF, #067CD3) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#067CD3), to(#0BCDFF));
    border-color: #093C75;
    outline: medium none;
}


table {
	width:90%;
    -webkit-box-shadow: 0 0 15px #AAAAAA;
    -moz-box-shadow: 0 0 15px #AAAAAA;
    box-shadow: 0 0 15px #AAAAAA;
    margin: 30px auto;
    padding: 20px;
    border-left:1px solid #ccc;
}
	
th, td{
	padding: 10px;
	border-left:1px solid #eee;	
}
th:first-child, td:first-child{
	border-left:none;
}

		
thead th {
    background: -moz-linear-gradient(90deg, #CCCCCC, #FFFFFF) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
	text-align:center;
	font-weight:bold;
}	

tbody tr{
	border-bottom:1px solid #eee;
}

/*-- System messages --*/

.info{
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: white;
	background-color:#0459B7;
	text-align: center;
	padding: 5px;
}

.error{
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: white;
	background-color:red;
	text-align: center;
	padding: 5px;
}
/*-- END System messages --*/


#logoHeader, #container{
	margin: 0px auto;
	-moz-box-shadow: 0 0 15px #AAAAAA;
    -webkit-box-shadow: 0 0 15px #AAAAAA;
    box-shadow: 0 0 15px #AAAAAA;
	
}

#logoHeader {
    width: 920px;
    background-image:url("#{resource['images:logoHeaderBG.png']}"); 
}

#container {
    width: 900px;
    background-color: white;
    padding: 10px;
}

#options {
    margin-bottom: 20px;
}
#options p {
    display: none;
}
#options .show {
    display: block;
}
#options:target .show {
    display: none;
}
#options .hide {
    display: none;
}
#options:target .hide {
    display: block;
}
#options:target p {
    display: block;
}
#finish {
    -moz-border-radius: 3px 3px 3px 3px;
    background: none repeat scroll 0 0 rgba(65, 166, 42, 0.2);
    border: 2px solid #41A62A;
    display: none;
    padding: 5px 10px;
}
#finish:target {
    display: block;
}
#credits {
    font-size: 11px;
    margin-top: 20px;
    text-align: center;
}

/* -- Specific forms -- */

form.classic[name="login"]{
	width:300px;
}

form#createForm, form#modifyForm {
	width:300px;
}

form#composeForm {
	width:500px;
}

form#composeForm textarea {
	width:98%;
	font-family: Arial,sans-serif;
    font-size: 12px;
    line-height: 16px;
}

form#composeForm input[type="text"]{
	width:70%
}

/* -- Home Navigation Links -- */
div#homeNavigationLinks a{
	margin: 20px auto;
	display: block;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 10px #AAAAAA;
    -moz-box-shadow: 0 0 10px #AAAAAA;
    background: -moz-linear-gradient(90deg, #0459B7, #08ADFF) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#08ADFF), to(#0459B7));
    border: 1px solid #093C75;
    color: #FFFFFF;
	width: 50%;
	text-align: center;
	padding: 20px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight:bold;
}

div#homeNavigationLinks a:hover{
	background: -moz-linear-gradient(90deg, #067CD3, #0BCDFF) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#0BCDFF), to(#067CD3));
}

div#homeNavigationLinks a#logout{
	background: -moz-linear-gradient(90deg, #C22, #FAA) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#FAA), to(#C22));
    border-color: #A11;
}

div#homeNavigationLinks a#logout:hover{
	background: -moz-linear-gradient(90deg, #D33, #FBB) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#FBB), to(#D33));
    text-decoration: none;
}